<script lang="ts">
    import type { HTMLAttributes } from 'svelte/elements';

    type MicrosoftIconProps = HTMLAttributes<SVGSVGElement> & {
        class?: string;
        fill?: string;
        height?: number;
        stroke?: string;
        width?: number;
    };

    const { class: className = '', fill = 'none', height = 24, stroke = 'currentColor', width = 24, ...rest }: MicrosoftIconProps = $props();
</script>

<svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox={`0 0 ${width} ${height}`}
    {width}
    {height}
    {fill}
    {stroke}
    class={className}
    stroke-width="2"
    stroke-linecap="round"
    stroke-linejoin="round"
    aria-label="Slack icon"
    {...rest}
>
    <rect width="3" height="8" x="13" y="2" rx="1.5" />
    <path d="M19 8.5V10h1.5A1.5 1.5 0 1 0 19 8.5" />
    <rect width="3" height="8" x="8" y="14" rx="1.5" /><path d="M5 15.5V14H3.5A1.5 1.5 0 1 0 5 15.5" /><rect width="8" height="3" x="14" y="13" rx="1.5" /><path
        d="M15.5 19H14v1.5a1.5 1.5 0 1 0 1.5-1.5"
    /><rect width="8" height="3" x="2" y="8" rx="1.5" /><path d="M8.5 5H10V3.5A1.5 1.5 0 1 0 8.5 5" />
</svg>
